<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<header>
    <!-- <meta charset="utf-8"> -->
    <meta charset="utf-8">
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../css/head.css">
    <link rel="stylesheet" href="../css/Main.css">
    <title>主页</title>
    <!-- 引入 layui.js -->
    <script type="text/javascript" src="../layui/layui.js"></script>
    <script type="text/javascript" src="../js/Main.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script type="text/javascript" src="../js/axios.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/showdown@2.0.3/dist/showdown.min.js"></script>
</header>
<body bgcolor="#d2d2d2">
<div class="layui-container">
    <div th:replace="~{head :: navigation-bar}"></div>
    
    <!--    博客-->
    <div id="content-container">
        <tr th:each="blog : ${blogs}">
            <div th:class="blog">
<!--                http://localhost:8080-->
                <a th:text="${blog.title}" th:href= "@{'/toDetail/'+${blog.blogId}}" class="title"></a>
                <div th:text="${blog.synopsis}" class="synopsis"></div>
                <span th:text="${#dates.format(blog.creatDate, 'yyyy-MM-dd')}" class="creatDate"></span>
                <p th:text="${blog.userName}" class="userName"></p>
                <p hidden class="blogId">{{blog.blogId}}</p>
            </div>

        </tr>

    </div>

</div>
</body>


</html>